<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Résumé - Hansan Nam, a sofeware engineer</title>

    <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/freelancer.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#page-top">Hansan Nam</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#education">Education</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#experience">Experience</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#skills">Skills</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#interests">Interests</a>
                    </li>

                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive img-circle" src="img/profile.png" alt="" width="350px">
                    <div class="intro-text">
                        <span class="name">Résumé</span>
                        <hr class="star-light">
                        <h4 class="skills">Wanna be a Full-stack Developer & Gamer</h4>
                    </div>
                </div>
            </div>
        </div>
    </header>

     <section id="education">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Education</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h4><i class="fa fa-graduation-cap fa-6"></i> Bachelor of Management Infomation System</h4>
                    <p>MAR 2003 - FEB 2009</p>
                    <p>Kookmin University, Seoul, Republic of Korea</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Experience Grid Section -->
    <section id="experience">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Experience</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="bs-component">
                <ul class="nav nav-tabs nav-justified">
                    <li class="active"><a href="#summary" data-toggle="tab">Summary</a></li>
                    <li><a href="#smilegate" data-toggle="tab">Smilegate</a></li>
                    <li><a href="#joymax" data-toggle="tab">Joymax</a></li>
                    <li><a href="#freelancer" data-toggle="tab">GS Shop</a></li>
                    <li><a href="#neowiz" data-toggle="tab">Neowiz</a></li>
                    <li><a href="#shinhan" data-toggle="tab">Shinhan CI</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <div class="tab-pane fade active in" id="summary">
                        <div class="col-lg-12">
                            <h3>Experience Summary</h3>
                            <dl>
                                <dt><h5><i class="fa fa-flag fa-3">&nbsp;&nbsp;</i> AUG 2014 ~ NOW</h5></dt>
                                <dd>
                                    <div class="col-lg-12">
                                        <p class="lead">Web Service Developer, in Smilegate</p>
                                    </div>
                                </dd>
                                <dt><h5><i class="fa fa-flag fa-3">&nbsp;&nbsp;</i> AUG 2013 ~ AUG 2014</h5></dt>
                                <dd>
                                    <div class="col-lg-12">
                                        <p class="lead">Game Server Developer, in Joymax</p>
                                    </div>
                                </dd>
                                <dt><h5><i class="fa fa-flag fa-3">&nbsp;&nbsp;</i> JAN 2013 ~ JUN</h5></dt>
                                <dd>
                                    <div class="col-lg-12">
                                        <p class="lead">Freelancer Developer, in GS Shop</p>
                                    </div>
                                </dd>
                                <dt><h5><i class="fa fa-flag fa-3">&nbsp;&nbsp;</i> MAY 2010 ~ DEC 2012</h5></dt>
                                <dd>
                                    <div class="col-lg-12">
                                        <p class="lead">Game Management System Developer, in Neowiz Games</p>
                                    </div>
                                </dd>
                                <dt><h5><i class="fa fa-flag fa-3">&nbsp;&nbsp;</i> JAN 2009 ~ MAY 2010</h5></dt>
                                <dd>
                                    <div class="col-lg-12">
                                        <p class="lead">Collection Management System Developer, in Shinhan CI</p>
                                    </div>
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="smilegate">
                         <div class="col-lg-12">
                            <div class="row">
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-4">
                                    <img class="img-responsive img-rounded center-block" src="img/sg_ci.png" alt="" width="200px" />
                                </div>
                                <div class="col-md-8">
                                    <h3>Web Service Developer</h3>
                                    <p>
                                        <i class="fa fa-shopping-cart fa-3">&nbsp;&nbsp;</i>
                                        Game market project participants like the 'Steam' of Valve
                                    </p>
                                    <ul>
                                      <li>RESTful API service analysis & developer</li>
                                      <li>Set up project with spring 4 and jersey 2</li>
                                      <li>Whole APIs documented with Swagger 2.0 <small>: it's really productive opensource!</small></li>
                                    </ul>
                                </div>
                                <hr class="col-md-12"/>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="joymax">
                        <div class="col-lg-12">
                            <div class="row">
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-4 text-center">
                                    <img class="img-responsive img-rounded center-block" src="img/joymax_ci.png" alt="" width="200px" />
                                </div>
                                <div class="col-md-8">
                                    <h3>Game Server Developer</h3>
                                    <p>
                                        <i class="fa fa-gamepad fa-3">&nbsp;&nbsp;</i>
                                        Developer of Social network game 'Come on, Beasts!', Open beta test was serviced at 'Naver Game'.
                                    </p>
                                    <ul>
                                        <li>a server-side architect and lead developer.</li>
                                        <li>game service provides RESTful APIs. it helps save or find user datas.</li>
                                        <li>set up redis for caching user datas, user sessions and ranking.</li>
                                        <li>created real-time ranking system.</li>
                                    </ul>
                                    <iframe class="col-md-12" height="300px" src="https://www.youtube.com/embed/QpAPKOVp6j0" frameborder="0" allowfullscreen></iframe>
                                </div>
                                <hr class="col-md-12"/>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="freelancer">
                        <div class="col-lg-12">
                            <div class="row">
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-4">
                                    <img class="img-responsive img-rounded center-block" src="img/gsshop_ci.jpg" alt="" width="200px" />
                                </div>
                                <div class="col-md-8">
                                    <h3>Freelancer Developer</h3>
                                    <p>
                                        <i class="fa fa-users fa-3">&nbsp;&nbsp;</i>
                                        Source code reviewer and work for user guide documentation at E-Commerce company, GS Shop.
                                    </p>
                                    <ul>
                                        <li>checked co-workers' codes that did not follow code convensions or directions.</li>
                                        <li>user guide writer using atlassian confluence.</li>
                                    </ul>
                                </div>
                                <hr class="col-md-12"/>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="neowiz">
                        <div class="col-lg-12">
                            <div class="row">
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-4">
                                    <img class="img-responsive img-rounded center-block" src="img/neowiz_ci.png" alt="" width="200px" />
                                </div>
                                <div class="col-md-8">
                                    <h3>Game Management System Developer</h3>
                                    <p>
                                        <i class="fa fa-dashboard fa-3">&nbsp;&nbsp;</i>
                                        managed and developed supporting applications at Game Publishing company, Neowiz Games. 
                                    </p>
                                    <ul>
                                        <li>did all I can to assist co-workers, was more collaborative.</li>
                                        <li>architect & developer of issue management system</li>
                                        <li>created a IT dashbord. it helps to make high availability each games.</li>
                                        <li>managed assets(servers, routers.. etc.) management system.</li>
                                        <li>implemented a real-time fifa online 2 active user pages on web.</li>
                                    </ul>
                                </div>
                                <hr class="col-md-12"/>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="shinhan">
                        <div class="col-lg-12">
                            <div class="row">
                                <div class="col-md-12">&nbsp;</div>
                                <div class="col-md-4">
                                    <img class="img-responsive img-rounded center-block" src="img/shinhan_ci.jpg" alt="" width="200px" />
                                </div>
                                <div class="col-md-8">
                                    <h3>Collection Management System Developer</h3>
                                    <p>
                                        <i class="fa fa-university fa-3">&nbsp;&nbsp;</i>
                                        managed and developed collection management system, in Shinhan Financial Group.
                                    </p>
                                    <ul>
                                        <li>involved a 2nd generation system project, ICS (Integrated Collection System)</li>
                                        <li>maintained and imporved statistics system.</li>
                                    </ul>
                                </div>
                                <hr class="col-md-12"/>
                            </div>
                        </div>
                    </div>
              </div>
            <div id="source-button" class="btn btn-primary btn-xs" style="display: none;">&lt; &gt;</div></div>
            </div>
        </div>
    </section>

    <!-- Skills Section -->
    <section id="skills">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Skills</h2>
                    <hr class="star-primary">
                </div>
            </div>
			<div class="progress">
				<div class="progress-bar progress-bar-success" role="progressbar" style="width:30%">
				  <h5>Communicative</h5>
				</div>
				<div class="progress-bar progress-bar-info" role="progressbar" style="width:25%">
				  <h5>Cooperative</h5>
				</div>
				<div class="progress-bar progress-bar-warning" role="progressbar" style="width:20%">
				  <h5>Positive</h5>
				</div>
				<div class="progress-bar progress-bar-danger" role="progressbar" style="width:20%">
				  <h5>Insight</h5>
				</div>
				<div class="progress-bar progress-bar-primary" role="progressbar" style="width:5%">
				  <h5>Nerd</h5>
				</div>
			</div>
			<div class="progress">
				<div class="progress-bar progress-bar-success" role="progressbar" style="width:40%">
				  <h5>Ecilpse</h5>
				</div>
				<div class="progress-bar progress-bar-info" role="progressbar" style="width:25%">
				  <h5>Notepad++</h5>
				</div>
				<div class="progress-bar progress-bar-warning" role="progressbar" style="width:15%">
				  <h5>Visual Studio</h5>
				</div>
				<div class="progress-bar progress-bar-danger" role="progressbar" style="width:10%">
				  <h5>IntelliJ</h5>
				</div>
				<div class="progress-bar progress-bar-primary" role="progressbar" style="width:10%">
				  <h5>SublimeText</h5>
				</div>
			</div>
			<div class="progress">
				<div class="progress-bar progress-bar-success" role="progressbar" style="width:65%">
				  <h5>WINDOWS</h5>
				</div>
				<div class="progress-bar progress-bar-info" role="progressbar" style="width:30%">
				  <h5>MAC</h5>
				</div>
				<div class="progress-bar progress-bar-warning" role="progressbar" style="width:5%">
				  <h5>LINUX</h5>
				</div>
			</div>
			<div class="progress">
				<div class="progress-bar progress-bar-success" role="progressbar" style="width:50%">
				  <h5>JAVA</h5>
				</div>
				<div class="progress-bar progress-bar-info" role="progressbar" style="width:20%">
				  <h5>C#.NET</h5>
				</div>
				<div class="progress-bar progress-bar-warning" role="progressbar" style="width:20%">
				  <h5>HTML/Javascript</h5>
				</div>
				<div class="progress-bar progress-bar-danger" role="progressbar" style="width:5%">
				  <h5>PHP</h5>
				</div>
				<div class="progress-bar progress-bar-primary" role="progressbar" style="width:5%">
				  <h5>C</h5>
				</div>
			</div>
			<div class="progress">
				<div class="progress-bar progress-bar-success" role="progressbar" style="width:50%">
				  <h5>Springframework</h5>
				</div>
				<div class="progress-bar progress-bar-info" role="progressbar" style="width:20%">
				  <h5>ASP.NET MVC 3</h5>
				</div>
				<div class="progress-bar progress-bar-warning" role="progressbar" style="width:20%">
				  <h5>Jersey</h5>
				</div>
				<div class="progress-bar progress-bar-danger" role="progressbar" style="width:5%">
				  <h5>CI</h5>
				</div>
				<div class="progress-bar progress-bar-primary" role="progressbar" style="width:5%">
				  <h5>WCF</h5>
				</div>
			</div>
			<div class="progress">
				<div class="progress-bar progress-bar-success" role="progressbar" style="width:50%">
				  <h5>REDIS</h5>
				</div>
				<div class="progress-bar progress-bar-info" role="progressbar" style="width:40%">
				  <h5>AWS DynamoDB</h5>
				</div>
				<div class="progress-bar progress-bar-warning" role="progressbar" style="width:10%">
				  <h5>MongoDB</h5>
				</div>
			</div>
			<div class="progress">
				<div class="progress-bar progress-bar-success" role="progressbar" style="width:70%">
				  <h5>MySQL</h5>
				</div>
				<div class="progress-bar progress-bar-info" role="progressbar" style="width:20%">
				  <h5>ORACLE</h5>
				</div>
				<div class="progress-bar progress-bar-warning" role="progressbar" style="width:10%">
				  <h5>POSTGRESQL</h5>
				</div>
			</div>
			<div class="progress">
				<div class="progress-bar progress-bar-success" role="progressbar" style="width:45%">
				  <h5>TOMCAT</h5>
				</div>
				<div class="progress-bar progress-bar-info" role="progressbar" style="width:20%">
				  <h5>APACHE</h5>
				</div>
				<div class="progress-bar progress-bar-warning" role="progressbar" style="width:15%">
				  <h5>JETTY</h5>
				</div>
				<div class="progress-bar progress-bar-danger" role="progressbar" style="width:15%">
				  <h5>IIS</h5>
				</div>
				<div class="progress-bar progress-bar-primary" role="progressbar" style="width:5%">
				  <h5>NGINX</h5>
				</div>
			</div>
			<div class="progress">
				<div class="progress-bar progress-bar-success" role="progressbar" style="width:50%">
				  <h5>CentOS Linux</h5>
				</div>
				<div class="progress-bar progress-bar-info" role="progressbar" style="width:30%">
				  <h5>Amazon Web Service</h5>
				</div>
				<div class="progress-bar progress-bar-warning" role="progressbar" style="width:20%">
				  <h5>Windows SERVER</h5>
				</div>
			</div>
        </div>
    </section>

    <!-- Interests Section -->
    <section id="interests">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Interests</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="row">
			  <div class="col-lg-3">
				<div class="thumbnail">
					<img src="./img/TECH.png" alt="..." class="img-rounded" width="200px">
					<div class="caption">
						<h3>Tech</h3>
						<p>Trying to be a full-stack developer. I'm ready to develope anything that I have interests.</p>
					</div>
				</div>
			  </div>
			  <div class="col-lg-3">
				<div class="thumbnail">
					<img src="./img/OVERSEAS.png" alt="..." class="img-rounded" width="200px">
					<div class="caption">
						<h3>Overseas</h3>
						<p>Wanna be a programmer who don't mind working everywhere. I'm willing to do learning the nation's development cultures.</p>
					</div>
				</div>
			  </div>
			  <div class="col-lg-3">
				<div class="thumbnail">
					<img src="./img/PETS.png" alt="..." class="img-rounded" width="200px">
					<div class="caption">
						<h3>Pets</h3>
						<p>I live with a cat who named 'Geumdong'. He always make me becoming stable and give me comfort.</p>
					</div>
				</div>
			  </div>
			  <div class="col-lg-3">
				<div class="thumbnail">
					<img src="./img/PHOTO.png" alt="..." class="img-rounded" width="200px">
					<div class="caption">
						<h3>Photography</h3>
						<p>I'm strong interests in photography, especially in landscape. My hobby is taking photos, since I was 18 years old.</p>
					</div>
				</div>
			  </div>
			</div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="text-center">
        <div class="footer-above">
            <div class="container">
                <div class="row">
                    <div class="footer-col col-md-4">
                        <h3>Location</h3>
                        <p>C-101 115-13, Saemal-gil, <br/>Opo-eup, Gwangju-si, Gyeonggi-do 464-895</p>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>Contact Me</h3>
                        <ul class="list-inline">
                            <li>
                                <a href="https://www.facebook.com/mrtint0729" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a>
                            </li>
                            <li>
                                <a href="https://plus.google.com/+HansanNam" class="btn-social btn-outline"><i class="fa fa-fw fa-google-plus"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/mrtint" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                            <li>
                                <a href="http://blog.lifeis.gift" class="btn-social btn-outline"><i class="fa fa-fw fa-wordpress"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>Thanks to</h3>
                        <p>Bootdool Village Project Team</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-below">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        Copyright &copy; lifeis.gift 2015
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-top page-scroll visible-xs visble-sm">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/freelancer.js"></script>

</body>

</html>
